<template>
    <div>
     <el-card>
        <div slot="header">
         <span>订单详情</span>
        </div>

        <span>订单号：{{ detailData.orderNo }}</span>
				<el-divider></el-divider>
				<span>下单时间：{{ detailData.orderTime|formatYMDhms }}</span>
				<el-divider></el-divider>
				<span>电话：{{ detailData.phone }}</span>
				<el-divider></el-divider>
				<span>收货人：{{ detailData.consignee }}</span>
				<el-divider></el-divider>
				<span>送货地址：{{ detailData.deliverAddress }}</span>
                <el-divider></el-divider>
				<span>送达时间：{{ detailData.deliveryTime|formatYMDhms }}</span>
                <el-divider></el-divider>
				<span>备注：{{ detailData.remarks }}</span>
                <el-divider></el-divider>
				<span>订单金额：{{ detailData.orderAmount }}</span>
                <el-divider></el-divider>
				<span>订单状态：{{ detailData.orderState }}</span>

     </el-card>
    </div>
</template>

<script>
import { api_order_detail } from '@/apis/order'

    export default {
        data(){
            return{
                detailData:{}
                // {
					// 	orderNo: "订单号",
					// 	orderTime: "下单时间",
					// 	phone: "电话",
					// 	consignee: "收货人",
					// 	deliverAddress: "送货地址",
					// 	deliveryTime: "送达时间",
					// 	remarks: "备注",
					// 	orderAmount: "订单金额",
					// 	orderState: "订单状态",
					// },
            }
        },
        created(){
            let {id}= this.$route.params
            // console.log(id);
this.getOrderDetail(id)
        },
        methods:{
       async getOrderDetail(id){
         const res = await api_order_detail({id})
         this.detailData=res.data.data
       }
        }
    }
</script>

<style lang="scss" scoped>

</style>